<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="../templates/principal.xhtml">

    <ui:define name="content" id="content">
        <h:form id="frmTipoDocumento">
            <p:panel id="panel" header="Bem Vindo ao Cadastro de Tipo de Documento">
                <p:growl id="messages" life="5000" />

                <p:dataTable id="tabTipoDocumento" widgetVar="wtabTipoDocumento" var="tipoDocumento" value="#{tipoDocumentoBean.lazyModel}" 
                             lazy="true" paginator="true" rows="12" paginatorPosition="top" filterEvent="enter"
                             emptyMessage="Nenhum Registro Retornado ..." style="text-align: left;">

                    <p:column headerText="Descrição" sortBy="#{tipoDocumento.dscDocumento}" filterBy="#{tipoDocumento.dscDocumento}">
                        <h:outputText value="#{tipoDocumento.dscDocumento}" />
                    </p:column>
<!--
                    <p:column headerText="Tipo" sortBy="#{tipoDocumento.tipDocumento}" filterBy="#{tipoDocumento.tipDocumento}"  
                              filterOptions="#{tipoDocumentoBean.tipDocumentoOptions}" filterMatchMode="exact">
                        <div style="text-align: left; ">
                            <h:outputText value="#{tipoDocumento.dscTipo}" />
                        </div>
                    </p:column>
-->
                    <p:column style="width: 100px;">
                        <h:panelGrid columns="4" styleClass="actions" cellpadding="0">
                            <p:commandButton id="selectButton" update=":frmTipoDocumento:panel :frmTipoDocumento:messages" 
                                             icon="ui-icon-search" title="Visualizar // Alterar Tipo de Documento" oncomplete="PF('dialog').show();">
                                <f:setPropertyActionListener value="#{tipoDocumento}" target="#{tipoDocumentoBean.selectedTipoDocumento}" />
                                <f:setPropertyActionListener value="#{false}" target="#{tipoDocumentoBean.salvar}" />
                            </p:commandButton>

                            <p:commandButton id="excluirButton" update=":frmTipoDocumento:panel :frmTipoDocumento:messages" 
                                             icon="ui-icon-trash" title="Excluir Tipo de Documento" oncomplete="PF('confirmation').show();">
                                <f:setPropertyActionListener value="#{tipoDocumento}" target="#{tipoDocumentoBean.selectedTipoDocumento}" />
                            </p:commandButton>
                        </h:panelGrid>
                    </p:column>

                    <f:facet name="footer">
                        <div style="text-align: left;">
                            <p:commandButton id="incluirButton" actionListener="#{tipoDocumentoBean.preparaInserir}" 
                                             update=":frmTipoDocumento:panel :frmTipoDocumento:messages" value="Novo Tipo de Documento"
                                             icon="ui-icon-pencil" title="Cadastrar Novo Tipo de Documento" oncomplete="PF('dialog').show();" />
                        </div>
                    </f:facet>

                </p:dataTable>

                <p:dialog id="dialog" header="Detalhes Tipo de Documento" widgetVar="dialog" resizable="true" width="700" showEffect="explode" hideEffect="explode">

                    <h:panelGrid id="display" columns="2" style="margin-bottom:50px; text-align: left;" cellpadding="5">
                        <h:outputText value="Descrição:" />
                        <p:inputText id="indscTipo" value="#{tipoDocumentoBean.selectedTipoDocumento.dscDocumento}" style="width:500px; font-weight:bold" />
<!--
                        <h:outputText value="Tipo:" />
                        <p:selectOneRadio id="options" value="#{tipoDocumentoBean.selectedTipoDocumento.tipDocumento}">  
                            <f:selectItem itemLabel="Financeiro" itemValue="F" />  
                            <f:selectItem itemLabel="Proposta" itemValue="P" />  
                        </p:selectOneRadio>
-->
                        <f:facet name="footer">
                            <br />
                            <p:commandButton value="Inserir" update=":frmTipoDocumento:panel :frmTipoDocumento:messages" rendered="#{tipoDocumentoBean.salvar}"
                                             actionListener="#{tipoDocumentoBean.inserir}" oncomplete="handleFormRequest(xhr, status, args)" />
                            <p:commandButton value="Alterar" update=":frmTipoDocumento:panel :frmTipoDocumento:messages" rendered="#{!tipoDocumentoBean.salvar}"
                                             actionListener="#{tipoDocumentoBean.alterar}" oncomplete="handleFormRequest(xhr, status, args)" />
                        </f:facet>
                    </h:panelGrid>
                </p:dialog>

                <p:dialog header="Confirma a Exclusão desse Tipo de Documento?" widgetVar="confirmation">

                    <p:commandButton value="Sim" update=":frmTipoDocumento:panel :frmTipoDocumento:messages" oncomplete="PF('confirmation').hide(),PF('dialog').hide()"
                                     actionListener="#{tipoDocumentoBean.excluir}" />
                    <p:commandButton value="Não" onclick="PF('confirmation').hide()" type="button" />

                </p:dialog>
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>